.fenlei {
    padding-top: .18rem;
    .top {
        padding: 0 .12rem;
        width: 3.51rem;
        margin: 0 auto;
        height: .32rem;
        background: #fff;
        box-sizing: border-box;
        span {
            display: inline-block;
            width: .158rem;
            height: .16rem;
            background: url(../img/分类 搜索@2x.png) no-repeat center;
            background-size: contain;
            top: 4px;
            position: relative;
        }
        input {
            font-size: .12rem;
            color: #121212;
            width: 92%;
            height: 88%;
            line-height: .32rem;
        }
    }
    .bottom {
        margin-top: .18rem;
        padding: 0 .12rem;
        .left {
            float: left;
            width: calc(100%- 72.8%);
            font-size: .14rem;
            color: rgba(18, 18, 18, 0.9);
            li {
                line-height: .32rem;
                text-align: center;
                margin-bottom: .12rem;
                &.active {
                    color: rgba(95, 49, 4, 1);
                    background: #fff;
                }
            }
        }
        .right {
            padding: .14rem;
            box-sizing: border-box;
            background: #fff;
            width: 72.8%;
            float: left;
            .section0 {
                display: none;
                &.active {
                    display: block;
                }
            }
            h6 {
                line-height: .17rem;
                font-size: .12rem;
                color: rgba(18, 18, 18, 0.9);
                border-left: 2px solid rgba(95, 49, 4, 1);
                padding-left: 3px;
                margin-bottom: .19rem;
            }
            img {
                width: 100%;
                height: .54rem;;
            }
            p {
                font-size: .12rem;
                color: rgba(18, 18, 18, 0.9);
                margin-top: .09rem;
            }
            li {
                margin-bottom: .11rem;
                float: left;
                margin-right: .07rem;
                text-align: center;
                width: .7rem;
                &:nth-child(3n) {
                    margin-right: 0;
                }
            }
        }
    }
}